<template>
  <el-popover
  placement="top"
  width="160"
  trigger="hover"
  v-model="visible">
  <p>是否创建书签？</p>
  <div style="text-align: right; margin: 0">
    <el-button size="mini" type="text" @click="visible = false">取消</el-button>
    <el-button type="primary" size="mini" @click="$emit('createBookMark')">确定</el-button>
  </div>
  <span slot="reference">
    {{content}}
  </span>
</el-popover>
</template>

<script>
export default {
    name:'popover',
    props:{
        content:{
            type:String,
            default(){
                return ""
            }
        }
    },
    data(){
        return {
            visible:false
        }
    }
}
</script>

<style lang="less" scoped>

</style>